@import "../../sassmixins/mixins";

img {
  width: 100%;
  display: block;
}

.container {
  width: 1000px;
  margin: 0 auto;
  height: 2389px;
  overflow: hidden;
  position: relative;

  .old-tong {
    @include size(443px, 349px);
    background-image: url("../image/oldt.png");
    background-size: 100% 100%;
    position: absolute;
    top: 170px;
    right: 147px;
  }

  .new-tong {
    @include size(442px, 407px);
    background-image: url("../image/newt.png");
    background-size: 100% 100%;
    position: absolute;
    top: 140px;
    right: 132px;
    opacity: 0;

    > div {
      position: absolute;
      left: 15px;
      opacity: 0;
    }

    .w-1 {
      @include size(87px, 14px);
      background-image: url("../image/w1.png");
      background-size: 100% 100%;
      top: 49px;
      opacity: 0;
    }

    .w-2 {
      @include size(87px, 14px);
      background-image: url("../image/w2.png");
      background-size: 100% 100%;
      top: 117px;
      opacity: 0;
    }

    .w-3 {
      @include size(111px, 15px);
      background-image: url("../image/w3.png");
      background-size: 100% 100%;
      top: 187px;
      opacity: 0;
    }

    .w-4 {
      @include size(111px, 14px);
      background-image: url("../image/w4.png");
      background-size: 100% 100%;
      top: 256px;
      opacity: 0;
    }

    .w-5 {
      @include size(87px, 14px);
      background-image: url("../image/w5.png");
      background-size: 100% 100%;
      top: 326px;
      opacity: 0;
    }
  }

  .hand {
    @include size(78px, 90px);
    background-image: url("../image/shou.png");
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(657px, 209px);
    -webkit-transform: translate(657px, 209px);
  }

  .qrcode {
    @include square(105px);
    background-image: url("../image/qrcode.png");
    background-size: 100% 100%;
    position: absolute;
    top: 1620px;
    left: 475px;
  }

  .word {
    @include size(50px, 90px);
    background-image: url("../image/word.png");
    background-size: 100% 100%;
    position: absolute;
    top: 1578px;
    left: 572px;
  }
}